<!--

	Página de contato com cliente ou não ...
    
    Variáveis do formulário:
    
    - nomeCompleto; 	-> 	Tamanho: 100 carácteres.
    - email; 			-> 	Tamanho: 100 carácteres.
    - assunto; 			-> 	Tamanho: 100 carácteres.
    - descricao; 		-> 	Tamanho: 10000 carácteres.

-->

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>

<!DOCTYPE HTML>

<html lang="pt-br">

	<head>
	
		<meta charset="utf-8">
        <title>Aquino e Vasconcelos - Contato</title>
        
        <link href="../global_arquivos/img/favicon.ico" type="image/x-icon" rel="shortcut icon">
        
        <!-- Global Css - Página -->
        <link rel="stylesheet" href="../global_arquivos/css/style.css" media="all">
        
        <!-- Css Da Página -->
        <link rel="stylesheet" href="css/style_contato.css" media="all">
        
        <!-- Fontes e Ícones -->
        <link rel="stylesheet" href="../global_arquivos/fonts/style_fonts.css" media="all">
        
        <!-- Efeito Lateral (Acesso Rápido) -->
        <link rel="stylesheet" href="../global_arquivos/js/efeito_lateral/jquery.pageslide.css" media="all">
        
        <!-- Script De Validação - Formulário -->
        <script src="js/validar_formulario.js"></script>
        
        <!-- Script De Máscaras - Formulário -->
        <script src="../global_arquivos/js/outros/mascaras.js"></script>
        
 	</head>
    
	<body>
    
        <!-- Incluindo a Div, Links Úteis -->	
		<%@ include file="../global_arquivos/pages/links_uteis.jsp" %>
		
		<div class="todo-conteudo">
		
			<div class="centro-conteudo">
				
					<c:choose>
					<c:when test="${sessaoCliente == null}">
					
					<img class="area-restrita-login" src="../global_arquivos/img/area_restrita.png">
					
					<form action="../AutenticacaoCliente" name="login_usuario" method="post">
					
						<fieldset>
						
							<input type="submit" class="botao-login-usuario" value="Entrar"	>
							<input type="password" tabindex="2" class="campo-login-usuario" placeholder="Senha" name="senha">
							<input type="text" tabindex="1" class="campo-login-usuario" placeholder="Login" name="login" autofocus>
					
					  	</fieldset>
					  
					</form>
					
					</c:when>
					
					<c:otherwise>
					
						<img class="area-restrita-login" src="../global_arquivos/img/area_restrita.png">
					
						<fieldset>
						
							<ul class="lista-login-usuario">
							
								<li><a href="EncaminharPainelCliente">Meu Painel</a></li>
								<li class="sair-login-cliente"><a href="../SairCliente">Sair</a></li>
							
							</ul>
						
						</fieldset>
					
					</c:otherwise>
					</c:choose>
					
			</div>
		
		</div>
		
		<!-- Incluindo a Div, Topo -->	
		<%@ include file="../global_arquivos/pages/topo.jsp" %>
		
		<div class="todo-conteudo linha-topo">
        
		</div>
    
    	<div class="todo-conteudo">
            
            <div class="local-claro">
        
                <div class="centro-conteudo">
                    
                    <div class="mapa">
                    
                        <iframe width="100%" height="400" src="https://maps.google.com.br/maps?f=q&amp;source=s_q&amp;hl=pt-BR&amp;geocode=&amp;q=Aquino+e+Vasconcelos+Consultoria+Cont%C3%A1bil,+Caruaru+-+Pernambuco&amp;aq=0&amp;oq=Aquino+e+vas&amp;sll=-6.643776,-36.868306&amp;sspn=9.896458,16.907959&amp;t=h&amp;ie=UTF8&amp;hq=Aquino+e+Vasconcelos+Consultoria+Cont%C3%A1bil,&amp;hnear=Caruaru+-+Pernambuco&amp;ll=-8.272553,-35.97475&amp;spn=0.019281,0.033023&amp;z=14&amp;iwloc=A&amp;cid=2959345706980501344&amp;output=embed"></iframe>
                    
                    </div>
                    
                    <br>
                    
                    <div class="conteudo-lado">
                    
                        <h2>Formulário de Contato</h2>
                        <p>Sinta-se livre para nos enviar dúvidas, sugestões ou críticas. Por favor preencha o formulário abaixo e clique em Enviar. <b><i>Todos os Campos são Obrigatórios !</i></b></p>
                        
        				<div class="conteudo-formulario">
                        
                            <div class="verificar-resolucao">
                              
                            </div>
                            
                            <% String msg = request.getParameter("msg");
                        
		    				if(msg != null) { %>
	    					
	    					<% if(msg.equals("sucesso")) { %>
	    					
		             		<div id="cadastro-sucesso">
	                            	
	                    		<b>Informações Enviadas Com Sucesso !</b><br>
	                    		Dentro de 24h olhe no seu e-mail nossa resposta (verifique também no lixo).
	                            
	                    	</div> <%
							
	    					} else if(msg.equals("erro")) { %>
		             		
		             		<span style="color: red;">Erro no Cadastro!</span> <%
							
							} %>
							
							<% } %>
                            
                            <div id="caixas" class="caixas caixa-erro">
                            	
                                ...
                            
                            </div>
                        
          					<form class="formularios" name="formulario_contato" action="../InserirContato" method="post" onSubmit="return validarDados();">
                            
                            	<!-- Elementos Do Formulário -->
                            
                                <fieldset>
                                
                                    <ol>
                                    
                                        <li class="linha-formulario linha-campo-texto campo-nome">
                                        
                                            <input id="nomeCompleto" onkeypress="return somente_letras();" maxlength="100" type="text" name="nomeCompleto" class="campo-texto" title="Qual o Seu Nome Completo ? - Requerido" placeholder="Nome Completo" autocomplete="on">
                                          
                                        </li>
                                        
                                        <li class="linha-formulario linha-campo-texto campo-email">
                                        
                                            <input id="email" maxlength="100" type="text" name="email" class="campo-texto" title="Qual o Seu E-mail ? - Requerido" placeholder="E-mail" autocomplete="on">
                                            
                                        </li>
                                        
                                        <li class="linha-formulario linha-campo-texto ultimo-campo">
                                        
                                            <input id="assunto" maxlength="100" type="text" name="assunto" class="campo-texto" title="Qual o Assunto a Ser Tratado ? - Requerido" placeholder="Assunto">
                                            
                                        </li>
                                        
                                        <li class="linha-formulario linha-area">
                                        
                                            <textarea id="descricao" maxlength="3000" name="descricao" class="area-texto" title="Qual a Mensagem a Ser Enviada ? - Requerido" placeholder="Sua Mensagem Aqui ..."></textarea>
                                          
                                        </li>
                                        
                                        <li class="linha-botao">
                                        
                                        	<input class="botao-enviar" type="submit" value="Enviar Dados" title="Clique Aqui - Para Enviar o Formulário">
                                          
                                        </li>
                                        
                                    </ol>
                                      
                                </fieldset>
          				
                        	</form>
        			
                    	</div>
                    
                    </div>
                    
                    <aside class="sidebar">
                    
                    	<div class="sidebox">
                        
                        	<h2>Onde Estamos ?</h2>
          
                          	<i class="icon-location contact"></i> Avenida Pedro Jordão, 916 - Maurício de Nassau - Caruaru/PE, 55012-640 <br>
                            <i class="icon-phone contact"></i> (81) 3701-1828 <br>
                            <i class="icon-user contact"></i> <a title="Clique Aqui - Nos Envie um E-mail" href="mailto:escritorio@aquinoevasconcelos.net">escritorio@aquinoevasconcelos.net</a>
                        
                        </div>
                    
                    </aside>
                    
                    <div class="clear">
                    
                    </div>
                
                </div>
        
            </div>
        
        </div>
        
        <!-- Incluindo a Div, Rodapé -->	
		<%@ include file="../global_arquivos/pages/rodape.jsp" %>

        <!-- Script Do Jquery (Original) -->
        <script src="../global_arquivos/js/efeito_lateral/lib/jquery-1.9.1.min.js"></script>
        
        <!-- Script Do Efeito Lateral -->
        <script src="../global_arquivos/js/efeito_lateral/jquery.pageslide.min.js"></script>
    
		<script>
		
            $(".first").pageslide();
            $(".efeito-lateral").pageslide({direction: "left", modal: false });
			
        </script>
    
    </body>
    
</html>